<%--
  Created by IntelliJ IDEA.
  User: zheng
  Date: 2021/6/27
  Time: 22:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/png" sizes="16px" href="${pageContext.request.contextPath}/image/icon.png"/>
    <title>芜湖起飞 - 定制餐饮</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/proMeal.css"/>
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/proMeal.js" charset="utf-8"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<body onload="init_page()">
<div class="container-fluid">
    <div class="row bg">
        <!-- 侧边栏 -->
        <div class="sidebar col-lg-2">
            <img src="${pageContext.request.contextPath}/image/icon-big.png" width="200px"
                 class="img-responsive center-block"/>
            <ul id="main-nav" class="nav nav-tabs nav-stacked">
                <li><a href="${pageContext.request.contextPath}/features/doing/meals">自主选餐</a></li>
                <li><a href="${pageContext.request.contextPath}/features/doing/seat">随心选座</a></li>
                <li><a href="${pageContext.request.contextPath}/features/center">个人信息</a></li>
                <li><a href="${pageContext.request.contextPath}">返回首页</a></li>
            </ul>
            <p class="welcome text-center">
                欢迎您，${sessionScope.user.user_phone}
                <br/>
                你的机票ID是：${ticket.fo_no}
            </p>
        </div>

        <!-- 主体内容 -->
        <div class="meallect col-lg-10">

            <!-- 主体头部信息 -->
            <div class="main-head main-container">
                <div class="div-choice">
                    <p class="type-text">餐品类型：</p>
                    <select class="choice-select" id="select">
                        <option>定制餐饮</option>
                        <option>特惠餐饮</option>
                    </select>
                </div>
                <div class="ifm">
                    <h5 class="information1">航班信息：</h5>
                    <h6 class="information2">
                        航空班次：${ticket.fo_flight.flight_no} &nbsp;&nbsp;&nbsp;
                        飞机型号：${ticket.fo_flight.flight_type.type_model}&nbsp;&nbsp;&nbsp;
                        起飞时间:${ticket.fo_flight.flight_time}
                    </h6>
                    <h5 class="information3">个人信息：</h5>
                    <h6 class="information4">
                        个人邮箱：${sessionScope.user.user_email}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        性别：${user_sex}&nbsp;&nbsp;&nbsp;&nbsp;
                        所选餐类：高端餐 - 个性定制
                    </h6>
                </div>
            </div>

            <!-- 主体选餐信息 -->
            <div class=" main-body main-container">
                <!-- 选餐结果展示 -->
                <div class="left-meals">
                    <div class="text-center foodShow" id="MealChoice-1">您还没有选择主食</div>
                    <div class="text-center foodShow" id="MealChoice-2">您还没有选择副食</div>
                    <div class="text-center foodShow" id="MealChoice-3">您还没有选择饮品</div>
                </div>

                <!-- 选餐主食 -->
                <div class="right-meals" id="Meal1">
                    <c:forEach var="meal" items="${main}">
                        <!-- 单个食物框 -->
                        <div class="food" id="food${meal.meal_id}" name="${meal.meal_id}">
                            <img src="${pageContext.request.contextPath}${meal.meal_image}" width="168px" height="95px"
                                 title="${meal.meal_intro}"/>
                            <div>￥${meal.meal_price}</div>
                            <p>${meal.meal_name}</p>
                        </div>
                    </c:forEach>
                </div>

                <div class="right-meals" id="Meal2">
                    <!-- 单个食物框 -->
                    <c:forEach var="meal" items="${second}">
                        <div class="food" id="food${meal.meal_id}" name="${meal.meal_id}">
                            <img src="${pageContext.request.contextPath}${meal.meal_image}" width="168px" height="95px"
                                 title="${meal.meal_intro}"/>
                            <div>￥${meal.meal_price}</div>
                            <p>${meal.meal_name}</p>
                        </div>
                    </c:forEach>

                </div>
                <div class="right-meals" id="Meal3">
                    <!-- 单个食物框 -->
                    <c:forEach var="meal" items="${drink}">
                        <div class="food" id="food${meal.meal_id}" name="${meal.meal_id}">
                            <img src="${pageContext.request.contextPath}${meal.meal_image}" width="168px" height="95px"
                                 title="${meal.meal_intro}"/>
                            <div>￥${meal.meal_price}</div>
                            <p>${meal.meal_name}</p>
                        </div>
                    </c:forEach>

                </div>
            </div>

            <!-- 主体底部信息 价格与提交 -->
            <div class="main-container main-foot ">
                <button class="count-btn" id="btn"
                        onclick="submitOrder(${sessionScope.user.user_id},${sessionScope.Ticket},'${pageContext.request.contextPath}/meals/pro.do')">确认付款</button>
                <p class="count-text">合计价格：0元</p>
            </div>

        </div>

    </div>
</div>
</body>

</html>
